<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>picTouch</title>
     <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <link rel="stylesheet" href="js/touchTouch2.css">
    <style>
    ul{
    	list-style:none;
    }
        body >ul li{
        	padding:20px;
        	margin-bottom:30px;
        	border-bottom:1px solid #999;
        }
		img{
			width:150px;
		}
    </style>
</head>

<body>
    <ul>
        <li>
            <a href="test/demo.jpg" title="风景一" class="j-pinlunImg pinlimg">
                <img src="test/demo.jpg">
            </a>
            <a href="test/demo2.jpg" title="风景一" class="j-pinlunImg pinlimg">
                <img src="test/demo2.jpg">
            </a>
        </li>
         <li>
            <a href="test/demo2.jpg" title="风景一" class="j-pinlunImg pinlimg">
                <img src="test/demo2.jpg">
            </a>
        </li>
    </ul>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/touchTouch.jquery2.js"></script>
    <script>
    $("li[class!=touchTouchEnd]").touchTouch2({
        target: ".j-pinlunImg"
    });
    </script>
</body>

</html>
